<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="public.jsp"%>
<input type="hidden" id="loadtime1" value="${Time }">
<div class="page_title">
	<h2>航班信息</h2>
	<div class="page_title_more"></div>
	<div class="clearboth"></div>
</div>
<c:forEach items="${filist }" var="list" varStatus="number">
<div class="ap_flight_info navBlock">
	<div class="ap_flight_info_flight">
		<c:forEach items="${list.flightSummaryList }" var="list1">
		<ul>
			<li class="ap_flight_travel">
			<c:if test="${number.count == 1 }">
				<div class="">单程</div>
			</c:if>
			</li>
			<a href="javascript:void(0)" class="question" style="float: left;" title="航班号:${list1.hbh}起飞城市:${list1.qf_city}起飞日期：${list1.qf_date}起飞时间:${list1.qf_time}到达城市:${list1.dd_city}到达日期:${list1.dd_date}到达时间:${list1.dd_time}舱型:${list1.cx}"><img src="/iac/csair/img/question.png"></a>
			<li class="ap_flight_dep">
				<div class="place">${list1.qf_city}</div>
				<div class="ap_datetime">
					<div class="ap_time">${list1.qf_time}</div>
					<div class="ap_date" id="arrtime">${list1.qf_date}</div>
					<div class="ap_date" id="hbh">航班号：${list1.hbh}</div>
				</div>
			</li>
			<li class="ap_flight_ari">
				<div class="place">${list1.dd_city}</div>
				<div class="ap_datetime">
					<div class="ap_time">${list1.dd_time}</div>
					<div class="ap_date">${list1.dd_date}</div>
				</div>
			</li>
			<li class="ap_flight_class">
				<div>${list1.cx}</div>
			</li>
		</ul>
		</c:forEach>
		
	</div>
	<c:if test="${number.count == 1 }">
	<div class="ap_price_con">
		<table border="" cellspacing="" cellpadding="">
			<thead>
				<tr>
					<th>旅客</th>
					<th>票价</th>
					<th>税项/附加税</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${internationalFlightInfo.infos}" var="item">
					<tr>
						<td>${item.lk}</td>
						<td>${item.pj}</td>
						<td>${item.ryf}</td>
					</tr>
				</c:forEach>
			</tbody>
		</table>
	</div>
	</c:if>
	<div class="clearboth"></div>
</div>
</c:forEach>
<div class="ap_all_price">
	总价：<span class="flight_price orangefont" id="total">${internationalFlightInfo.total}</span>
</div>

<c:if test="${cpDiv == 1 }">
<div class="page_title ">
	<h2 class="passenger_h2">常用乘机人</h2>
	<div class="clearboth"></div>
</div>
<div class="add_pas navBlock">
	<ul class="commonPassengerUl">
	<c:forEach items="${cpList}" var="list">
		<c:choose>
			<c:when test="${list.checked == 'checked' }">
			<li class="commonPassengerLi">
				<input type="checkbox" id="${list.id }" title="${list.name }" checked="${list.checked }" onclick="clickCommonPassenger(this)"><span>${list.name }</span>
			</li>
			</c:when>
			<c:otherwise>
			<li class="commonPassengerLi">
				<input type="checkbox" id="${list.id }" title="${list.name }"  onclick="clickCommonPassenger(this)"><span>${list.name }</span>
			</li>
			</c:otherwise>
		</c:choose>
	</c:forEach>
	</ul>
</div>
</c:if>


<div class="page_title ">
	<h2 class="passenger_h2">乘机人信息</h2>
	<div class="clearboth"></div>
</div>
<div class="add_pas navBlock">
	<div class="add_pas_con">
		<c:forEach items="${fplist }" var="list">
			<div class="add_pas_div" id=${list.liId }>
			<a href="javascript:void(0)" class="question" style="float: left;" title="按tab键进行旅客信息的填写，请按正确格式填写，如需变更乘客类型光标将会回到页面最顶端，请按tab键切换到您所需要的位置"><img src="/iac/csair/img/question.png"></a>
				<ul class="ap_passenger_infos">
					<li class="" style="display: block; text-align: left; width: 100%;">
						<select name="pType" class="ap_infos_human_type" onchange="changePtype(this)">
							<c:if test="${'0' eq list.pType}">
								<option value="0" selected="selected">成人 (12岁以上)</option>
								<option value="1" class="pType">儿童 (2至11岁)</option>
								<option value="2" class="pType">婴儿 (2 岁以下)</option>
							</c:if>
							<c:if test="${'1' eq list.pType}">
								<option value="0">成人 (12岁以上)</option>
								<option value="1" class="pType" selected="selected">儿童 (2至11岁)</option>
								<option value="2" class="pType">婴儿 (2 岁以下)</option>
							</c:if>
							<c:if test="${'2' eq list.pType}">
								<option value="0">成人 (12岁以上)</option>
								<option value="1" class="pType">儿童 (2至11岁)</option>
								<option value="2" class="pType" selected="selected">婴儿 (2 岁以下)</option>
							</c:if>
						</select>
					</li>
					<li class="">
						<span class="orangefont">*</span> <label>旅客姓名</label> 
						<input placeholder="姓（拼音或英文）" type="text" name="psgName1" value="${list.name1 }" class="ap_infos_name" title="姓" />
						<input placeholder="名（拼音或英文）" type="text" name="psgName2" value="${list.name2 }" class="ap_infos_name" title="名" />
					</li>
					<li>
						<span class="orangefont">*</span> <label>性别</label> 
						<input type="radio" value="1">男
						<input type="radio" value="0">女
					</li>
					<li class="birthdayLi"><span class="orangefont">*</span> <label>出生日期</label> 
					<!-- <input placeholder="出生日期" value="${list.birthday }" type="text" name="pBirthday" class="ap_infos_name" title="出生日期，格式，年-月-日"/> -->
						<select class="birthday_year" title="出发日期选择年份" style = "width:75px;" name="pBirthday_year"></select> 
						<select class="birthday_month" title="选择月份" style = "width:60px;" name="pBirthday_month"></select> 
						<select class="birthday_day" title="选择日期" style = "width:60px;" name="pBirthday_day"></select>
					</li>
					
					<li class="birthdayLi"><span class="orangefont">*</span> <label>国家/地区</label> 
						<select class="area" title="请选择国家或者地区" style = "width:220px;" name="area">
						
						</select> 
					</li>
					
					<li class="pIdLi"><span class="orangefont">*</span> <label>证件</label> 
						<select class="ap_infos_human_card_type" name="pIdType" onchange="changeIDtype(this)">
							<c:if test="${'护照' eq list.pIdType }">	
								<option value="hz" selected="selected">护照</option>
								<option value="hxz">回乡证</option>
								<option value="tbz">台胞证</option>
								<option value="twtxz">台湾通行证</option>
							</c:if>
							<c:if test="${'回乡证' eq list.pIdType }">	
								<option value="hz">护照</option>
								<option value="hxz" selected="selected">回乡证</option>
								<option value="tbz">台胞证</option>
								<option value="twtxz">台湾通行证</option>
							</c:if>
							<c:if test="${'台胞证' eq list.pIdType }">	
								<option value="hz">护照</option>
								<option value="hxz">回乡证</option>
								<option value="tbz" selected="selected">台胞证</option>
								<option value="twtxz">台湾通行证</option>
							</c:if>
							<c:if test="${'台湾通行证' eq list.pIdType }">	
								<option value="hz">护照</option>
								<option value="hxz">回乡证</option>
								<option value="tbz">台胞证</option>
								<option value="twtxz" selected="selected">台湾通行证</option>
							</c:if>
						</select> 
						<input placeholder="请输入证件号" type="text" name="pIdCard" class="ap_infos_human_card_num" value="${list.idNO }" title="输入身份证号" /> 
					</li>
					<li class="birthdayLi"><span class="orangefont">*</span> <label>证件有效期</label> 
						<select class="birthday_year" title="出发日期选择年份" style = "width:75px;" name="pBirthday_year"></select> 
						<select class="birthday_month" title="选择月份" style = "width:60px;" name="pBirthday_month"></select> 
						<select class="birthday_day" title="选择日期" style = "width:60px;" name="pBirthday_day"></select>
					</li>
					
					<li class="birthdayLi"><span class="orangefont">*</span> <label>签发地</label> 
						<select class="checkPlace" title="签发地" style = "width:220px;" name="checkPlace">
						
						</select> 
					</li>
					
					<li class="takeLi"><span class="orangefont">*</span> <label>婴儿携带者</label> <input placeholder="婴儿携带者" value="" type="text" name="carryByName" value="${list.takeName }" class="ap_infos_name" title="婴儿携带者"  /></li>
				</ul>
				<div class="flight_insurance">
					<c:if test="${'1' eq baoxian}">
					<ul class="flight_insurance1">
						<li class="insurance_title">保险</li>
						<li class="insurance_name"><input type="checkbox" id=${list.ir0Id } check="${list.ir0Check}" name="hkzhx" title="航空综合险，点击空格键进行勾选" onclick="ir0check(this)" /> <label>航空综合险</label></li>
						<li class="insurance_price"><span class="orangefont">￥${list.ir0Money }</span>/份 </li>
						<li class="insurance_con">最高赔付￥200万<span class="bluefont">（含财产损失、意外保险、航班延误等项目）</span></li>
					</ul>
					</c:if>
					<!--<c:if test="${list.ir1Id != null }">
						<ul class="flight_insurance2">
							<li class="insurance_name"><input type="checkbox" id=${list.ir1Id } check="${list.ir1Check}" name="jptpx" title="机票退票险，点击空格键进行勾选" onclick="ir1check(this)" /> <label>机票退票险</label></li>
							<li class="insurance_price"><span class="orangefont">￥${list.ir1Money }</span>/份</li>
							<li class="insurance_con">所购机票因退票产生的退票费<span class="bluefont">（赔偿50%退票费，封顶2，000元）</span></li>
						</ul>
					</c:if>-->
					<div class="close_ap">
						<a class="close_ap_btn" onclick="del(this)" onkeypress="del(this)"  href="javascript:void(0)" title="关闭新乘机人，关闭新乘机人后光标会回到页面最顶端，请按tab键切换到您所需要的位置"></a>
					</div>
				</div>
				<div class="clearboth"></div>
			</div>
		</c:forEach>
	</div>
	<div class="add_pas_btn">
		<button title="点击此处添加新乘机人，添加新乘机人后光标会回到页面最顶端，请按tab键切换到您所需要的位置" type="button" class="" id="add_btn" onclick="add()">添加新乘机人</button>
	</div>
</div>

<div class="clearboth"></div>
				
<div class="page_title ">
	<h2 class="passenger_h2" title="联系人信息">联系人信息</h2>
	<div class="clearboth"></div>
</div>
<div class="ap_contacts_info navBlock">
<a href="javascript:void(0)" class="question" style="float: left;" title="按tab键进行联系人信息的填写，请按正确格式填写"><img src="/iac/csair/img/question.png"></a>
	<div class="ap_contacts_inputs">
		<span class="orangefont">*</span> <label for="contact_name">姓&nbsp;名</label> <input placeholder="" type="text" name="contact_name" id="contact_name" value="${contact_name }"  title="联系人信息，姓名"  /> <span class="orangefont">*</span> <label class=""
			for="contact_moblie">手机号</label> <input placeholder="" type="text" name="contact_moblie" id="contact_moblie" value="${contact_moblie }"  maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" /> <span class="bluefont">用于接收航班信息、管理订单</span>
	</div>
	<div class="ap_contacts_inputs">
		<span class="orangefont">*</span> <label for="e_mail">邮&nbsp;箱</label> <input placeholder="" type="text" name="e_mail" id="e_mail" value="${email }" title="电子邮箱号"/> 
		<c:if test="${sessionScope.userName==null}">
		<button class="ap_contacts_info_code_btn bluebtn" type="button" id="yzm" onclick="yzm()" title="点击此处获取验证码，请耐心等候">获取验证码</button>
		<span class="orangefont">*</span> <label class="" for="code">验证码</label>
		<input placeholder="" type="text" class="ap_contacts_input_short" name="code" id="code" value="" />
		</c:if>
	</div>
</div>
